/*
	page:posorder.jsp
	date:2018-03-19
*/

.header{
	margin:5px 0 !important;
}
.price_show{
	font-size:16px;
	color:#666;
}

.btn-group label span{
	font-size:12px !important;
}

#posorderMsg{overflow: hidden;}
#posorderOption{float: left;width:90px;padding: 2px 2px;border:1px solid #abb6a9;}
#posorderInfo{position: relative;}

.divColor{
	/* background-color: #d3e7c7; */
	/* border-radius:15px; */
	margin:2px 0px 0px 1px;
	float:left;
	width:92px;
	height:90px;
	transition:1s ease;
	padding: 3px;
	border: 1px solid #abb6a9;
	font-size: 14px;
}
.divEach{
	background-color: #f90;
}
.divColorText{
	width:90%;
	height:24px;
	text-align: center;
	margin:-5px 0px 0px 0px;
}
.divColor:HOVER{
	/* background-color: #8fb978; */
}
.divColor:ACTIVE{
	transform:scale(2)
}
.divNum{
	width:25px;
	height:25px;
	border-radius: 25px;
	background-color:#ff8550;
	margin: 0px 0px 0px -6px;
	visibility: hidden;
	position: relative;
	top: -6px;
}
.divNumShow{
	visibility: visible;
}
.divNumNumber{
	line-height:25px;
	widht:20px;
	color:white;
	text-align: center;
	display: block;
}


.page-header h3 {
	  padding: 0;
	  margin: 0 8px;
	  font-size: 20px;
	  font-weight: lighter;
	  color: #2679b5;
}	
.page-header h3 small {
	  margin: 0 6px;
	  font-size: 16px;
	  font-weight: normal;
	  color: #8089a0;
}

#posorderOption button{width: 100%;font-size: 17px;}
.posorderType button{margin-bottom: 3px;font-size: 17px;}
/* .page-header button{height: 90px;margin-top: 3px;} */
#posorderCode,#posorderNumber{
	display: none;
	position: relative;
}

#container{display: none;z-index: 9999;}
.input-group{position: relative;}
.keyboard{position: absolute;top:10px;left: 225px;z-index: 999;}

.price .label:after,.price .label:before {
    margin-top: -2px;
    opacity: .9;
    filter: alpha(opacity=90);
}
.badge-inverse, .badge.badge-inverse, .label-inverse, .label.label-inverse {
    background-color: #D15B47 !important;
}
.label-inverse.arrowed-in:before {
    border-color: #D15B47 #D15B47 #D15B47 transparent !important;
}
.label-inverse.arrowed-in-right:after {
    border-color: #D15B47 !important;
    -moz-border-left-colors: #D15B47 !important;
}
.widget-bottom .grid2{color: #393939;}
.widget-header-small {
    padding-left: 0px !important;
}
.widget-top{font-size: 17px;}
.widget-name{
	font-size: 10px;
	color:#393939;
	font-weight:600;
}
/* ���Ͻ���Ϣ */
.breadcrumbs .widget-header{background: rgba(0,0,0,0) !important;position: absolute;right: 0px;top:0px;}
/* .widget-body{overflow: hidden;} */
/* .widget-main{float: left;} */
/* .widget-title .profile-info-row{float: left;} */
/* .widget-header > .widget-title > .ace-icon {float: left;} */
.breadcrumbs .widget-title span{display: inline-block;}
.breadcrumbs .widget-title .widget-name{text-align: right;margin-right: 2px;width: 30px;}
.breadcrumbs .widget-title .widget-table,.breadcrumbs .widget-title .widget-people{width: 50px;}
.breadcrumbs .widget-title .widget-no{width: 100px;}
/* �����Ϣ�� */
.widget-btn{overflow: hidden;position: relative;}
.widget-btn button{width: 65px !important;height: 50px;}
.widget-btn .dishes_btn_ddown{position: absolute !important;bottom: 0px;right: 72px;}
.widget-btn .dishes_btn_down{position: absolute !important;bottom: 0px;right: 0px;}
.widget-bottom{margin-top: 25px;}
.widget-bottom .bigger-175{font-size: 18px;}
.profile-activity{position: relative;}
.profile-activity div{overflow: hidden;}
.profile-activity .tools {display: block !important;}
.profile-activity .thumbicon .btn-minier{width: 38px;height: 38px;border-radius: 50%;font-size: 18px;display: inline-block;line-height: 38px;}
.profile-activity .dropdown-menu.dropdown-close.dropdown-menu-right{right: 0px;top: 40px;}
.profile-activity input{width: 40px;border: 0px;outline: none;text-align: right;}
.widget-body .btn-app .dropdown-menu >  li > a {font-size: 16px !important;padding-left: 35px !important;padding-right: 32px !important;padding-bottom: 15px !important;padding-top: 15px !important;margin-bottom: 2px !important;margin-top: 2px !important;}
.widget-body .dropdown-menu.dropdown-menu-right.dropdown-caret:before {left: 9px !important;right: auto !important;}
.widget-body .dropdown-menu.dropdown-menu-right.dropdown-caret:after {left: 10px !important;right: auto !important;}
.dishes_foot .center{position: relative;z-index: 2}
.dishes_foot .grid2{position: absolute;left: 0px;bottom: 1px;z-index: 1;border:0px;}
.dishes_foot .price span{font-size: 18px;}
.dishes_foot .price .label-lg {height: 50px;}
.dishes_foot .price .label-lg.arrowed-in:before{border-width: 23px 12px;left: -12px;}
.dishes_foot .price .label-lg.arrowed-in-right:after{border-width: 23px 12px;right: -12px;}

/* ̨λ/��ҳ*/
#posorderDiv .dishes_btn{border-radius:0px !important;float: left;width:65px;height:90px;}
.dishes_model_btn{position: absolute;bottom: 7px;left: 0px;}
.dishes_model_btn .btn.btn-app.btn-sm{width: 100px;}

.page-content {padding: 0px !important;}

.scroll_page{position: absolute;top:50%;left: 50%;transform:translate(-50%,-50%);}
.rightScroll .btn.btn-app{height: 50px !important;width: 65px !important;}

.grid2 .widget-price{position: relative;width: 100px;}
.grid2 .price_all{position: absolute;top:50%;left: 50%;transform:translate(-50%,-50%)}
/* .grid2 .pointed{position: absolute;top:5px;left: 50%;transform:translate(-50%,0)} */
/* .grid2 .unpointed{position: absolute;bottom:5px;left: 50%;transform:translate(-50%,0);color: #7b68af;} */
.grid2 .unpointed{color: #7b68af;display: none;}

/* ��ע */
/* .main-content .modal-body {font-size: 17px;overflow:hidden;} */
.main-content .modal-body {font-size: 13px;overflow:hidden;}
.remark_dish .main-content .modal-body{width: 1022px;}
.table-header {line-height: 49px !important;}
.main-content .modal-body button{position: relative;top:-2px;line-height: 18px;}
.main-content .modal-body .btn-lg {padding: 5px 20px 10px;font-size: 15px;}
.main-content .modal-footer .btn-lg {padding: 5px 10px;font-size: 15px;}
.remark_dish .main-content .modal-footer{margin-top: 15px;position: absolute;bottom: 0px;left: 0px;width: 100%;}
.remark_order{margin: 50px auto !important;}
.remark_order .main-content{max-height: 707px;}
.remark_order .modal-body{padding-bottom: 0px;padding-top: 0px;margin: 10px 0px;}
.remark_order textarea{width: 690px;height: 100px;}
.remark_order label{position: relative;top: -85px;}
.remark_order .list button{margin-top: 10px;}
.remark_order .modal-list{overflow-y: auto;width: 780px;}
.orderTaste{
/* 	float: left; */
	overflow: hidden;
	width: 100%;
}
.orderScroll{float: right;position: relative;height: 100%;width: 66px;}
.remark_dish{margin: 0 auto;}
/* .remark_dish .modal-list{overflow: hidden;} */
.remark_order .btn.btn-app.dishes_btn_up{float: left;}
.remark_order .type_each{float: left;}
.remark_dish .type_each{width: 770px !important;}
.remark_order .btn.btn-app.dishes_btn_down{float: right;}
.remark_order .input-group .input-group-addon {border: 0 !important;background: #fff;text-align: right;}
.remark_order .input-group button {width: 69px;}
.modal-remark .input-group-addon{vertical-align: top;}
.modal-remark .input-group-btn{vertical-align: top;}

/* ���� */
#posorderEntry{overflow: hidden;}

/* ���� */
#posorderBill{
/* 	display: none; */
	position: relative;
	overflow: hidden;
}
.pay_price{
	width:98%;
	display:flex;
	align-items:center;
	justify-content:flex-end;
}
.pay_p{
	color:#d12723;
	font-size:20px;
}
#posorderBill .tableInfo{border-bottom: 1px solid #e5e5e5;}
#posorderBill .tableInfo span{display: inline-block;width: 12.5%;height:30px;line-height: 30px;}
#posorderBill .tableInfo .info_name{text-align: right;}
#posorderBill .tableMoney{
	overflow: hidden;
}
#posorderBill .tableMoney .money_top{width: 100%;height: 100%;}
#posorderBill .tableMoney .money_top .money_left_debit,
#posorderBill .tableMoney .money_top ul{
/* 	padding: 0px 10px; */
/* 	margin: 10px 0 0; */
	overflow: hidden;
}
#posorderBill .tableMoney .money_top li{list-style: none;text-align: center;height: 40px;margin-top: 5px;}
#posorderBill .tableMoney .money_top button{height: 40px;line-height: 15px;width: 98%;font-size: 15px;}
#posorderBill .tableMoney .money_top button .user_info_left,
#posorderBill .tableMoney .money_top .profile-activity .user_coupon_left{float: left;margin-left: 10px;}
/* #posorderBill .tableMoney .money_bottom{margin-top: 10px;} */
#posorderBill .tableMoney .money_top button .user_info_right,
#posorderBill .tableMoney .money_top .profile-activity .user_coupon_right,
#posorderBill .tableMoney .money_bottom .profile-activity .user_coupon_right{
/* 	float: right; */
	margin-right: 10px;
}
#posorderBill .tableMoney .money_top .money_left_user{overflow: hidden;}
#posorderBill .tableMoney .money_top .money_left_offer{overflow: hidden;}
#posorderBill .tableMoney .money_top .money_left_user span,
#posorderBill .tableMoney .money_top .money_left_offer span{width: 25%;display: inline-block;height: 20px;line-height: 20px;}
#posorderBill .tableMoney .money_top .money_left_user .left_user_name,
#posorderBill .tableMoney .money_top .money_left_offer .left_user_name{text-align: right;}
#posorderBill .tableMoney .money_top .money_left_user span{display: inline-block;}
.money_center{
	display:flex;
	align-items:center;
	width:100%;
	position:absolute;
	bottom:70px;
	left:0;
	justify-content:flex-end;
}
.money_bottom{
	width:100%;
/* 	display:flex; */
	align-items:center;
	justify-content:flex-end;
}
.total_price{
	height: 30px;
	line-height: 30px;
	font-size: 16px;
}
.bigger{
	font-size:18px;
}
.maxBig{
	font-size:20px;
}
/* .total_price span{color:#f89406;} */
#posorderBill .tableMoney .money_bottom{
	width: 100%;
	position:absolute;
	bottom:0px;
}
#posorderBill .tableMethod{
	overflow: hidden;
}
#posorderBill .tableMethod button{height:50px;}
#posorderBill .tableMethod div{overflow: hidden;}

/* ������ݲ˵� */
#navbar-container .dropdown-menu.dropdown-caret:before {border: 0px}
#navbar-container .dropdown-menu.dropdown-caret:after {border: 0px}

/* ���ʽ */
.pay_general .input-group .input-group-addon {border: 0 !important;background: #fff;text-align: right;width: 75px;}
.pay_general .input-group button {width: 69px;}
/* .pay_cash .input-group #change{width: 425px;} */
.pay_cash .modal-body{height: 268px;}
.pay_general .input-group{margin-top: 20px;}
.pay_general .modal-body .allprice{color:#478fca;}
.pay_general textarea{width: 425px;height: 34px;}
.pay_general .modal-body .input_now{color:red;}

/* ΢��֧����֧�� */
.pay_wechat .modal-body{height: 338px;}
.pay_wechat .input-group .input-group-addon {width: 94px;}
/* .pay_wechat .input-group input,.pay_wechat .input-group textarea{width: 406px;} */

/* AR�� */
.pay_ar .input-group .input-group-addon {width: 132px;}
.pay_ar .input-group input,.pay_ar textarea{width: 368px !important;}
.pay_ar .modal-body label{width: 130px;}
.modalselar_frm_left{float: left;margin-left: 10px;}
#modalselar_ipt_search{position: relative;top:3px;}
#modalselar_btn-search{position: relative;top: 4px;}

/* ���� */
.pay_guest .input-group .input-group-addon {width: 94px;}
/* .pay_guest .input-group input,.pay_guest .input-group textarea{width: 406px;} */
#btnFilterSearch,.guest_user_label{position: relative;top:1px;}

/* ���ֿ���ѯ */
.score_search .modal-body{height: 338px;}
.score_search .input-group .input-group-addon {width: 66px;}
.coupon_search .modal-list{width:584px;}
.coupon_search .input-group{margin-top: 20px;}
.coupon_search .input-group .input-group-addon{width: 94px;}
.coupon_search .input-group .input-group-btn button{position: relative;top:-1px;}
.coupon_search .input-group textarea{height: 50px;}

/* �˲� */
/* .retreat_dish .profile-info-name{text-align: left;} */
/* .retreat_dish .profile-info-value{text-align: right;} */
.retreat_dish {margin-top: 50px;}
.retreat_dish .modal-body {font-size: 13px;height: auto;}
.retreat_dish .modal-list {height: 248px;overflow-y: auto;}
.retreat_dish .input-group .input-group-addon {width: 94px;}
.retreat_dish .input-group textarea{height:50px;}
.retreat_dish .modal-footer .inline{float:left}

/* �˲�ԭ�� */
/* .retreat_reason .modal-body {height: 358px;} */

/* ��Ʒ���� */
.dish_details .widget-header{min-height: 25px;height: 25px;line-height: 25px;}
.dish_details .modal-body{font-size: 13px;height: 418px;}
.dish_details .edit_menu{overflow: hidden;}
.dish_details .edit_btn{float: left;}
.dish_details{margin: 30px auto !important;}
.dish_details .widget-header > .widget-title {line-height: 25px;}
.editable-click{min-width: 20px;display: inline-block;min-height: 18px;}
/* .dish_details .modal-footer .btn-lg {position: relative;top: 10px;} */
.profile-info-name{font-size: 13px;color: black !important;width: 66px !important;}
.profile-info-value{font-size: 15px;color: cornflowerblue !important;}
.profile-info-value span.editable-empty {font-size: 12px;color: #BBB !important;}

/* ��Ʒ�ۿ� */
.dish_discount .modal-list {width: 583px;}
/* .dish_discount .input-group input{width: 406px;} */

/* 1024 */
@media (max-width:1024px) {
   #posorderCode .btn.btn-app {width: 60px;height: 40px;}
   .widget-btn button {width: 52px !important;}
   .widget-btn .dishes_btn_ddown {right: 59px;}
   .nav-search .nav-search-input{
		height: 50px !important;
/* 		width: 132px !important; */
	}
}
.operBtn{
	width:42px !important;
	height:42px !important;
	line-height:28px;
}
.input-large{
	height:42px !important;
	width:50px;
}
.input-group-addon{
	display:inline-block !important;
	border-radius:0;
	width:20% !important;
	text-align:left !important;
}
.profile-info-value button{
	top:0 !important;
}
.remark_order .modal-footer{
	position:relative !important;
}
.input-group{
	display:flex !important;
	align-items:flex-start !important;
	width:100%  !important;
}
.input-group .form-control{
	float:none !important;
	width:65%;
}
.input-group-btn{
	margin-left:auto;
	width:auto !important;
}
.tcNum{
	top:1px !important;
	right:1px !important;
}
.sub_each{
	width:100%;
	background:#fff;
	display:flex;
	align-items:center;
	font-size:15px;
}
.sub_right{
	margin-left:auto;
	margin-right:3%;
	display:flex;
	align-items:center;
}
.sub_number{
	color:#f89406;
}
.sub_dishes{
	display:none;
}
.showtc{
	position:relative !important;
	top:0 !important;
	text-align:center;
	padding:1px 3px !important;
	border-radius:3px !important;
}
.dropdown-menu.dropdown-close.dropdown-menu-right{
	right:2px !important;
}
.dropdown-menu > li > a i{
	display: inline-block;
	min-width: 30px;
	margin-right: 2px;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
}
.typelist_each{
	overflow:hidden;
}
.intoDishes{
	display:none;
}
.sub_dishes ul{
	display:none;
}
.widget-header{
	min-height:42px !important;
	line-height:42px !important;
}
.submitted_table{
}
.btn-radio{
	height:30px;
	line-height:26px;
}
.btn-radio.active:after{
	display:none !important;
}
/*subgrid*/
.ui-sgcollapsed .ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons_469bdd_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../images/ui-icons_2e83ff_256x240.png); }
.ui-icon-plus { background-position: -16px -128px; }

.tablediv .ui-jqgrid-bdiv{
	overflow-x:hidden;
}
.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv{
	margin-top:0 !important;
}
.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-bdiv{
	margin-bottom:0 !important;
	max-height:none !important;
}
.ui-jqgrid .ui-subgrid{
	background:#fff !important;
}
.ui-icon-carat-1-sw { 
	background-position: -80px 0;  
	width: 16px; 
	height: 16px; 
	background-image: url(../images/ui-icons_469bdd_256x240.png); 
	display:block;
}
.tablediv .ui-widget-content {
	background:	#F9F9F9 !important;
/* 	background-image:linear-gradient(to bottom, #ffffff 0%, rgba(238,238,238,0.5) 100%); */
}
.tablediv .ui-state-highlight{
	background:#d9edf7 !important;
}
#page_bottom .btn-app{
	font-size:15px !important;
	height: 58px;
	line-height: 38px !important;
}
